import { useState, useEffect } from 'react'
import { Descriptions, Button } from 'antd';
import { LeftOutlined } from '@ant-design/icons';
import url from '../../assets/weixins.png'
import { useNavigate } from 'react-router-dom';
export const Connect = () => {
    const router = useNavigate()
    useEffect(() => {
    }, []);
    var sty = {
        width: '100%',
        height: ' 100%'
    }
    const backart = () => {
        router('/main')

    }
    return (
        <div>
            <div className='detal'>
                <LeftOutlined onClick={backart} style={{ fontSize: '2rem' }} />
            </div>
            <Descriptions title="我的信息" bordered>
                <Descriptions.Item label="姓名">梨花醉晚风</Descriptions.Item>
                <Descriptions.Item label="电话">13658279981</Descriptions.Item>
                <Descriptions.Item label="Live">四川，绵阳</Descriptions.Item>
                <Descriptions.Item label="Email">1442301691@qq.com</Descriptions.Item>
                <Descriptions.Item label="前端技术栈">
                    <Button type="primary" size='small'>Vue2</Button>  <Button type="primary" size='small'>Vue3</Button>
                    <Button type="primary" size='small'>React</Button>     <Button type="primary" size='small'>Axios</Button>
                    <Button type="primary" size='small'>Node</Button>     <Button type="primary" size='small'>Javascript</Button>
                    <Button type="primary" size='small'>https协议</Button>     <Button type="primary" size='small'>Nuxt</Button>
                    <Button type="primary" size='small'>网络安全</Button>     <Button type="primary" size='small'>Uniapp</Button>
                    <Button type="primary" size='small'>微信小程序</Button>
                </Descriptions.Item>
            </Descriptions>
            <img src={url} alt="" style={sty} />
        </div >
    )
}